<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="shang">
        <img src="https://imgur.la/images/2024/03/29/logo.png" alt="" style="float: left;margin: 18px;">
        <ul>
            <li><a href="首页">首页</a></li>
            <li><a href="学校概况">学校概况</a></li>
            <li><a href="组织机构">组织机构</a></li>
            <li><a href="招生就业">招生就业</a></li>
            <li><a href="科学研究">科学研究</a></li>
            <li><a href="招牌信息">招牌信息</a></li>
        </ul>
    </div>
    <div class="neirong">
        <img src="https://imgur.la/images/2024/03/29/banner1.md.jpg" alt="图片1" style="width: 90%;">
        <img src="https://imgur.la/images/2024/03/29/banner2.md.jpg" alt="图片2" style="width: 90%;">
        <img src="https://imgur.la/images/2024/03/29/banner1.md.jpg" alt="图片3" style="width: 90%;">
    </div>
    <div class="ziti">
        <h1>公告通知</h1>
        <p>教育装备产业集群信息服务平台招标公告</p>
        <img src="https://imgur.la/images/2024/03/29/05_05.png" alt="" style="margin-left: 40px;">
        <p style="margin-left: 40px;">计算机学院对教育装备产业集群信息服务平台项目进行公开招标,欢迎符合条件的投标,项目名称及编号:教育装备产业集群信息服务平台(ITZ2017-131)</p><br>
        <p>青年教师周转公寓栏杆采购招标公告</p>
        <img src="https://imgur.la/images/2024/03/29/06_04.png" style="margin-left: 40px;">
        <p style="margin-left: 40px;">学院青年教师周转公寓栏杆采购项目进行公开招标，欢迎符合条件的投标人参加投标</p><br>
        <p>教育装备产业集群信息服务平台招标公告</p>
        <img src="https://imgur.la/images/2024/03/29/09_07.png" alt="" style="margin-left: 40px;">
        <p style="margin-left: 40px;">计算机学院对教育装备产业集群信息服务平台项目进行公开招标,欢迎符合条件的投,项目名称及编号:教育装备产业集群信息服务平台(ITZ2017-131)</p><br>
        <p>青年教师周转公寓栏杆采购招标公告</p>
        <img src="https://imgur.la/images/2024/03/29/02_09.png" alt="" style="margin-left: 40px;">
        <p style="margin-left: 40px;">学院青年教师周转公寓栏杆采购项目进行公开招标，欢迎符合条件的投标人参加投标</p>
    </div>
    <div class="xiamian">
        <h1>学院介绍</h1>
        <p style="margin: 6px;">学校占地100亩,坐落在风景秀美、充满人文底蕴和现代气息,集教学、科研、培训、职业技能鉴定和社会服务于一体的高教园区,校园规划科学,设计精致,环境优雅,景致宜人、交通便捷。</p>
        <div class="tupian">
            <img src="https://imgur.la/images/2024/03/29/article.md.jpg" alt="" style="width: 90%;">
        </div>
        <p style="margin: 6px;">学校师资结构合理，素质优良，现有教职工600余人,其中专任教师400多名,专任教师中高级职称教师占30%、具有硕士以上学位64%,专业课教师中具有“双师”素质的教师占86%6.</p><br>
        <p>学校坚持以服务为宗旨，以就业为导向，走产学研结合的道路，建有校内实验实训室184个...</p><br>
        
    </div>
    <div class="xiading">
        
        <div class="tubiao">
            <p style="color: aliceblue;">Copyright ◎ 2017 All Rights Reserved.</p>
            <img src="https://imgur.la/images/2024/03/29/weichat.th.png" alt="" style="width: 40px;">
            <img src="https://imgur.la/images/2024/03/29/sina.th.png" alt=""  style="width: 40px;">
            <img src="https://imgur.la/images/2024/03/29/qq.th.png" alt=""  style="width: 40px;">
        </div>
    </div>
</body>
<style>
    .shang{
        width: 100%;
        height: 80px;
        background-color: aqua;
        
    }
    *{
        margin: 0px;
        padding: 0px;
    }
    ul{
        list-style-type: none;
        display: flex;
    }
    a {
        text-decoration: none;
        color: #000;
    }
    ul li{
        margin: 29px;
    }
    .neirong{
        width: 100%;
        text-align: center;
    }
    h1{
        margin: 20px;
        
    }
    .ziti{
        width: 100%;
        float: left;
    }
    .xiamian{
        
    }
    .tupian{
        text-align: center;
    }
    .xiading{
        width: 100%;
        height: 100px;
        
        background-color: #221f1f;
    }
    
    
</style>
</html>